<template>
	<div class="tag-panel">
		<div v-if="tag.contentType===1" v-html="tag.content" />
		<audio v-else-if="tag.contentType===2" :src="tag.content" autoplay controls />
		<video v-else-if="tag.contentType===3" :src="tag.content" autoplay controls />
		<player-camera v-else-if="tag.contentType===4" :camera-id="tag.content" />
	</div>
</template>

<script>
export default {
	name: "TagPanelBase",
	props: {
		tag: {
			type: Object,
			default: {}
		}
	}
};
</script>

<style lang="scss" scoped>
.tag-panel {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	& > * {
		display: block;
		width: 100%;
		height: 100%;
	}
}
</style>